body{
	background: url(../images/bg.jpg) repeat center;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	font-size:12px;
	margin:0px auto auto auto;
}

#wrap{
	width: 1100px;
	height: auto;
	margin:auto;
	background-color:white;
}

#wrap .header{
width:1100px;
height:290px;
position: relative;
float: left;
background-color:#F5F5F5;
}

.footer{
width:1100px;
height:40px;
background-color: #1a0400;
position: relative;
float: left;
text-align: center;
font-size:  16px;
font-weight: bold;
font-family: Monospace;
color: #FFFFFF;
margin-top: 15px;
padding-top: 10px;
}

.logo{
	
}
.logo img{
	width:100px;
	height:100px;
	
}

.header .header1{
	background-color:#883333;
	width:  1100px;
	height:  30px;
	float:  left;
	padding-top:5px;	
}

.header .banner{
	background-color:white;
	width:  1090px;
	height:  243px;
	float:  left;
	padding:5px;	
}

.header .banner img{
	width: 1085px;
	height:240px;
}

.account_icon{
background:url(../images/user_login_icon.png) no-repeat center ;
width:  32px;
height:  32px;
float:  left;
margin-top:-3px;
}




/*----------------menu------------------*/
#menu{
width:510px;
height:40px;
float: left;
}
#menu ul{
display:block;
list-style:none;
padding:0px 0 0 10px;
margin:0px;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
height:30px;
width:  55px;
}

#menu ul li a{
height:27px;
width:  70px;
display:block;
padding-left:7px;
margin:0 4px 0 4px;
float:left;
text-decoration:none;
text-align:center;
color:#FFFFCD;
font-size:15px;
font-weight:bold;
line-height:25px;
}

#menu ul li.selected a{
height:27px;
width:  70px;
display:block;
padding-left:7px;
margin:0 4px 0 4px;
float:left;
text-decoration:none;
text-align:center;
color:white;
font-size:15px;
font-weight:bold;
line-height:25px;
}

#menu ul li a:hover{
color:white;
}

.homepage_icon{
background:url(../images/home.png) no-repeat center ;
margin-left:20px;
margin-top:-5px;
float:  left;
height: 35px;
width:  35px;
}

.login{
	width:580px;
	float:left;
}

/*-------------------Slidebar----------------------*/
*{
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0;
}

#slide_feature{
	width: 900px;
	margin-left: auto;
	margin-top:-40px;

	padding: 50px 0 0 0;
	position: relative;
}

img{
	display: block;
}

#gallery, #thumbs{
	float: left;
}

#gallery{
	width: 718px;
	height: 300px;
	overflow: hidden;
}

#gallery img{
	position: absolute;
	width:718px;
	height:300px;
}

#thumbs{
	width: 100px;
	height: 300px;
	overflow: hidden;
}

#next{
	display: block;
	width: 47px;
	height: 43px;
	background: url(../images/arrow.png);
	position: relative;
	top: 257px;
	left: 772px;
}

#next:hover{
	background: url(../images/arrowmo.png);
}

.clear{
	clear: both;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:910px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:910px;
	height:300px;
	display:block;

}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/
.pagination
{
   position:relative;
   top:-10px;
}

#slides .next,#slides .prev {
	position:absolute;
	top:120px;
	left:-15px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}


/*-------------------Language-------------------*/

#language{
	float:left;
	margin-left:20px;
	margin-top:2px;
	width:53px;
	height:21px;
	top:5px;
	left:5px;
}

#language .language{
	width:20px;
	height:13px;
	cursor:pointer;
	margin-top:4px;
	margin-left:6px;
	display: inline;
	float:left;
}

#language .vi{
	background: url(../images/vn.png) top left no-repeat;
}

#language .en{
	background: url(../images/gb.png) top left no-repeat;
}

/*------------------------------------center content--------------------*/
.center_content{
	width:1080px;
	height:  590px;
	background-color:#FFFFFF;
	padding: 10px;
	background-color:white;
}

.left_content{
	width:260px;
	height: 310px;
	float:left;
}

.left_content .category{
	width:250px;
	height:auto;
	margin-top:10px;	
	background-color:#FEF9ED;
}

.left_content .category .category_header{
	width:250px;
	height:24px;
	background-color:#883333;
	color:#FFFFCD;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	padding-top:6px;
}

.left_content .category .category_body{
	width:250px;
	height:260px;
	font-size:15px;
	background-color:#FEF9ED;
}

.left_content .category ul{
	margin-left:20px;
}

.left_content .category ul li{
	list-style:none;
	font-weight:bold;
	margin-top:10px;
}

.left_content .category ul li a{
	list-style:none;
	color:black;
}

.right_content{
	width:815px;
	height: 310px;
	float:left;
}


.center_contain2{
	width: 1060px;
	height: auto;
	background-color:#FEF9ED;
	margin-left:10px;
	padding:10px;
}

/*--------------------------Search-------------------*/
.search{
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:#883333;
	width: 465px;
	height:  30px; 
	float:  right;
	padding-top:6px;
}

.search span{
	float:  left;
	margin-left:25px;
	margin-top:4px;
	color: #FFFFCD;
	font-weight:bold;
	font-size:15px;
}

.search_form{
	height: 25px;
	float:  left;
}


.search-filter{
	height:26px;
	float:left;
	margin-left:10px;
	opacity:0.8;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
  	transition: border linear 0.2s, box-shadow linear 0.2s;
}
.search-filter:focus {
	height:26px;
	opacity:0.8;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}



.search-input{
	width: 235px;
	height: 22px;
	margin-left:10px;
	font-size: 12px !important;
	opacity:0.8;
	border-radius: 3px;
	float:  left;
}

.search-btn{
	border:none;
	background:url(../images/search_btn.png) top left no-repeat;
	display:inline;
	width: 18px !important;
	height:18px;
	float: left;
	margin-left:10px;
	margin-top:3px;
}

.input-user{
	width: 170px;
	height: 22px ;
	float:left;
	font-size: 13px ;
	border-radius: 3px;
	padding-left: 5px;
	border:none;
	margin-right: 3px;
}

.input-pass{
	width: 95px;
	height: 22px;
	float:left;
	font-size: 13px ;
	border-radius: 3px;
	padding-left: 5px;
	border:none;
}
.header1 .btn-login{
	float:left;
	margin-left: 10px;
}

.header1 .signup{
	float:left;
	margin-left:10px;
	margin-top:-1px;
}
.header1 .signup a{
	color:#FFFFCD;
	font-weight:bold;	
}


/*----------------------right------------------*/


#most_view {
	width:1060px;
	height:500px;
	margin-top:50px;
	border-top:1px solid #883333;
}

#most_view .category_name{
	background:#883333;
	width:120px;
	height:20px;
	padding:10px;
	text-align:center;
	font-size:15px;
	color:#FFFFCD;
	font-weight:bold;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

#most_view .category_content{
	margin-top:10px;
}

#most_view .category_content ul{
	margin-left:10px;
}

#most_view .category_content ul li{
	list-style:none;
	word-wrap: break-word;
	width:180px;
	height:305px;
	padding:5px;
	text-align:center;
	font-size:14px;
	float:left;
	margin-left:15px;
}

#most_view .category_content ul li a{

}

#most_view .category_content ul li img{
	width:180px;
	height:200px;
}




#most_borrow {
	width:1060px;
	height:500px;
	margin-top:-100px;
	border-top:1px solid #883333;
}

#most_borrow .category_name{
	background:#883333;
	width:130px;
	height:20px;
	padding:10px;
	text-align:center;
	font-size:15px;
	color:#FFFFCD;
	font-weight:bold;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

#most_borrow .category_content{
	margin-top:10px;
}

#most_borrow .category_content ul{
	margin-left:10px;
}

#most_borrow .category_content ul li{
	list-style:none;
	word-wrap: break-word;
	width:180px;
	height:305px;
	padding:5px;
	text-align:center;
	font-size:14px;
	float:left;
	margin-left:15px;
}

#most_borrow .category_content ul li a{

}

#most_borrow .category_content ul li img{
	width:180px;
	height:200px;
}



#new_books {
	width:1060px;
	height:500px;
	margin-top:-100px;
	border-top:1px solid #883333;
}

#new_books .category_name{
	background:#883333;
	width:130px;
	height:20px;
	padding:10px;
	text-align:center;
	font-size:15px;
	color:#FFFFCD;
	font-weight:bold;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

#new_books .category_content{
	margin-top:10px;
}

#new_books .category_content ul{
	margin-left:10px;
}

#new_books .category_content ul li{
	list-style:none;
	word-wrap: break-word;
	width:180px;
	height:305px;
	padding:5px;
	text-align:center;
	font-size:14px;
	float:left;
	margin-left:15px;
}

#new_books .category_content ul li a{

}

#new_books .category_content ul li img{
	width:180px;
	height:200px;
}


#frame_right {
	width:150px;
	height:190px;
}

/*
	Slideshow
*/

#slides1 {
	left:45px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_right_container {
	width:120px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_right_container div.slide_right {
	width:120px;
	height:230px;
	display:block;
}


/*
	Next/prev buttons
*/


.caption {
	z-index:500;
	position:absolute;
	left:0px;
	bottom:10px;
	height:30px;
	padding:0px 5px 0 5px;
	background:#000;
	background:rgba(0,0,0,.2);
	width:110px;
	font-size:1.0em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
	text-align: center;
	font-weight: bold;
}
/*--------------- button -----------------------------------*/
.btn {
	height:25px;
  display: inline-block;
  *display: inline;
  padding: 0px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
/*
	Footer
*/
